<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
  <head>
    <meta name="layout" content="main-p1">

  </head>
  <body>
    <z:render comp="${menuBar}"/>
    <z:borderlayout height="450px">

      <z:center border="0">
        <z:borderlayout>

          <z:west size="50%" flex="true" collapsible="false">
            <z:div style="background:#ffffff">
              <z:panel height="90%" width="90%" style="margin-bottom:20%" border="normal" >
                
              </z:panel> 
            </z:div>
          </z:west>

          <z:east  size="50%" flex="true" collapsible="false">
            <z:div style="background:#ffffff">
              <z:panel height="90%" width="90%" style="margin-bottom:20%" border="normal" >
                <z:panelchildren>
                  <z:listbox id="box">
                    <z:listhead sizable="true">
                      <z:listheader label="name" sort="auto"/>
                      <z:listheader label="gender" sort="auto"/>
                    </z:listhead>
                    <z:listitem>
                      <z:listcell label="Mary"/>
                      <z:listcell label="FEMALE"/>
                    </z:listitem>
                    <z:listitem>
                      <z:listcell label="John"/>
                      <z:listcell label="MALE"/>
                    </z:listitem>
                    <z:listitem>
                      <z:listcell label="Jane"/>
                      <z:listcell label="FEMALE"/>
                    </z:listitem>
                    <z:listitem>
                      <z:listcell label="Henry"/>
                      <z:listcell label="MALE"/>
                    </z:listitem>
                    <z:listfoot>
                      <z:listfooter>
                        <z:label value="This is footer1"/>
                      </z:listfooter>
                      <z:listfooter>
                        <z:label value="This is footer2"/>
                      </z:listfooter>
                    </z:listfoot>
                  </z:listbox>
                </z:panelchildren>
              </z:panel>

            </z:div>
          </z:east>
        </z:borderlayout>
      </z:center>
    </z:borderlayout>
  </body>
</html>
